.app-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #f5f5f5;
}

.app-content {
  flex: 1;
  overflow: auto;
  padding-bottom: 50px; /* TabBar的高度 */
}

.app-tabbar {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  z-index: 999;
}

/* 适配iPhone底部安全区域 */
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  .app-tabbar {
    padding-bottom: env(safe-area-inset-bottom);
  }
}
